<<<<<<< HEAD
<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Portfolic a Personal Portfolio Category Flat Bootstarp Responsive Website Template | 404 :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Portfolic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
</head>
<body>
<!--header-->
	
	<div class="header">
		<div class="header-top">
			<div class="container">
				<div class="top-nav">
					<span class="menu"> </span>
					<ul>
						<li  ><a href="index.html" data-hover="Home">Home  </a> </li>
						<li><a href="about.html" data-hover="About" > About </a></li>
						<li class="active"><a href="404.html" >  Archives  </a></li>
						<li><a href="blog.html" data-hover="Blog"> Blog</a></li>
						<li><a href="contact.html" data-hover="Contact">Contact </a></li>
						
					</ul>
					<!--script-->
				<script>
					$("span.menu").click(function(){
						$(".top-nav ul").slideToggle(500, function(){
						});
					});
			</script>
				</div>
			
		
			<div class="header-top-on">
				<ul class="social-in">
					<li><a href="#"><i> </i></a></li>						
					<li><a href="#"><i class="tin"> </i></a></li>
					<li><a href="#"><i class="gmail"> </i></a></li>
					<li><a href="#"><i class="dribble"> </i></a></li>
					<li><a href="#"><i class="browser"> </i></a></li>
				</ul>
			</div>
				<div class="clearfix"> </div>
			</div>
		</div>
			<!---->
		<div class="container">
			<div class="header-bottom">
				<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" ></a>
			</div>
					<div class="search">
						<form>
							<input type="text" value="Search the site..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
							<input type="submit" value="">
						</form>
					</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!---->
	
	<!--content-->
<div class="content">




	<div class="container">
		<div class="four">		
		  <h1>404</h1>
		  <p>Error occured! - File not Found</p>
		   <a href="index.html" class="more">Go Back </a>
		    </div>
			</div>
		</div>
		<!---->
		<div class="footer">
			<div class="container">
			<p class="footer-class">Copyright © 2015 Portfolic Template by  <a href="http://w3layouts.com/" target="_blank">W3layouts</a></p>
			</div>
			 <script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

		</div>

</body>
</html>
<!-- Gallery Script Ends -->
<div class="about">
	<h3>About Me</h3>
	<div class="col-xs-8 dem">
		<h4>My name is sunsky zhao</h4>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer arcu sapien, ultrices non volutpat id, consectetur vitae dolor. Pellentesque sagittis facilisis sapien tristique consequat. Mauris ut felis sed neque pharetra tempor. Sed egestas venenatis malesuada. Donec vitae purus libero. Nullam fermentum lectus quis enim auctor pharetra. Donec semper tellus quis nisi porttitor posuere. Cras aliquam nulla eget ipsum tristique sit amet aliquet libero sollicitudin. Cras quis cursus eros. </p>
		<div class="call">
			<ul class=" call-in">
				<li><i> </i></li>
				<li><span>0 (888) 888 88 00</span></li>
				<li><a href="#"><i class="facebook"> </i></a></li>
				<li><a href="#"><i class="tin"> </i></a></li>
				<li><a href="#"><i class="gmail"> </i></a></li>
				<li><a href="#"><i class="dribble"> </i></a></li>
				<li><a href="#"><i class="browser"> </i></a></li>
			</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
	<div class="col-xs-4 men">
		<img class="img-responsive" src="images/ab.png" alt=""  />
	</div>
	<div class="clearfix"> </div>
=======
<!--A Design by W3layouts 
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Portfolic a Personal Portfolio Category Flat Bootstarp Responsive Website Template | 404 :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Portfolic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><!--//fonts-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
</head>
<body>
<!--header-->
	
	<div class="header">
		<div class="header-top">
			<div class="container">
				<div class="top-nav">
					<span class="menu"> </span>
					<ul>
						<li  ><a href="index.html" data-hover="Home">Home  </a> </li>
						<li><a href="about.html" data-hover="About" > About </a></li>
						<li class="active"><a href="404.html" >  Archives  </a></li>
						<li><a href="blog.html" data-hover="Blog"> Blog</a></li>
						<li><a href="contact.html" data-hover="Contact">Contact </a></li>
						
					</ul>
					<!--script-->
				<script>
					$("span.menu").click(function(){
						$(".top-nav ul").slideToggle(500, function(){
						});
					});
			</script>
				</div>
			
		
			<div class="header-top-on">
				<ul class="social-in">
					<li><a href="#"><i> </i></a></li>						
					<li><a href="#"><i class="tin"> </i></a></li>
					<li><a href="#"><i class="gmail"> </i></a></li>
					<li><a href="#"><i class="dribble"> </i></a></li>
					<li><a href="#"><i class="browser"> </i></a></li>
				</ul>
			</div>
				<div class="clearfix"> </div>
			</div>
		</div>
			<!---->
		<div class="container">
			<div class="header-bottom">
				<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" ></a>
			</div>
					<div class="search">
						<form>
							<input type="text" value="Search the site..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
							<input type="submit" value="">
						</form>
					</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!---->
	
	<!--content-->
<div class="content">




	<div class="container">
		<div class="four">		
		  <h1>404</h1>
		  <p>Error occured! - File not Found</p>
		   <a href="index.html" class="more">Go Back </a>
		    </div>
			</div>
		</div>
		<!---->
		<div class="footer">
			<div class="container">
			<p class="footer-class">Copyright © 2015 Portfolic Template by  <a href="http://w3layouts.com/" target="_blank">W3layouts</a></p>
			</div>
			 <script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

		</div>

</body>
</html>
<!-- Gallery Script Ends -->
<div class="about">
	<h3>About Me</h3>
	<div class="col-xs-8 dem">
		<h4>My name is sunsky zhao</h4>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer arcu sapien, ultrices non volutpat id, consectetur vitae dolor. Pellentesque sagittis facilisis sapien tristique consequat. Mauris ut felis sed neque pharetra tempor. Sed egestas venenatis malesuada. Donec vitae purus libero. Nullam fermentum lectus quis enim auctor pharetra. Donec semper tellus quis nisi porttitor posuere. Cras aliquam nulla eget ipsum tristique sit amet aliquet libero sollicitudin. Cras quis cursus eros. </p>
		<div class="call">
			<ul class=" call-in">
				<li><i> </i></li>
				<li><span>0 (888) 888 88 00</span></li>
				<li><a href="#"><i class="facebook"> </i></a></li>
				<li><a href="#"><i class="tin"> </i></a></li>
				<li><a href="#"><i class="gmail"> </i></a></li>
				<li><a href="#"><i class="dribble"> </i></a></li>
				<li><a href="#"><i class="browser"> </i></a></li>
			</ul>
		</div>
		<div class="clearfix"> </div>
	</div>
	<div class="col-xs-4 men">
		<img class="img-responsive" src="images/ab.png" alt=""  />
	</div>
	<div class="clearfix"> </div>
>>>>>>> 87862a9414168c7958e3f27eded4d0e8c1646de5
</div>